import { defineStore } from "pinia";
import { reactive, ref } from "vue";

const usePhoneStore = defineStore('phone', () => {

  let phoneNum = ref('')

  // 在给store中的数据传递赋值的时候，如果是是个对象则需要给store中的对象先给个结构，好让赋值的时候可以对号赋值
  let phoneData = reactive({
    
      province: "",
      city: "",
      areacode: "",
      zip: "",
      company: "",
      card: ""
    
  })

  // 这里返回的时候不需要.value  在外面用的时候也不需要用.value来获取值，直接拿这里面的变量就可以获取值
  return { phoneData ,phoneNum }
})

export default usePhoneStore